<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

	<div id="dialog" title="Dialog Title">
        <div class="loginPopup">
            <div class="loginPopup_inner">
            	<div class="login" style="display: block;">
            		<a href="#" class="close"></a>
                    <h2 class="content-center">Đăng nhập</h2>
					<form method="post" action="">
                        <div>
                            <label class="clearafter">
                                <span class="left required">Email:</span>
                                <div class="left">
                                    <input type="text" name="email"/>
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">
                                        Địa chỉ <strong>Email</strong> không chính xác.
                                        <br />
                                        Vui lòng nhập " <strong>Email</strong> " .
                                    </div>  
                                </div>
                                <div class="clearbreak"></div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left required">Mật khẩu:</span>
                                <div class="left">
                                    <input type="password" name="password" />
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">Vui lòng nhập " <strong>Mật khẩu</strong> " .</div>
                                </div>
                            </label>
                        </div>
                        <div style="margin-left: 150px;">
                            <div>
                                <label>
                                    <input type="checkbox" />
                                    Nhớ trạng thái đăng nhập
                                </label>                                                	
                            </div>
                            <br  />
                            <div class="clearafter">
                                <button type="submit" class="left button blue">Đăng nhập</button>
                                <div class="left forgotPassword">
								[
								<a href="#">Quên mật khẩu?</a>
								]
								</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="register" style="display: none;">
                	<a href="#" class="close"></a>
                    <h2>Đăng ký</h2>
					<form method="post" action="">
                    	<div>
                            <label class="clearafter">
                                <span class="left required">Email:</span>
                                <div class="left">
                                    <input type="text" name="email" />
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">
                                        Địa chỉ <strong>Email</strong> không chính xác.
                                        <br />
                                        Vui lòng nhập " <strong>Email</strong> " .
                                    </div>  
                                </div>
                                <div class="clearbreak"></div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left required">Mật khẩu:</span>
                                <div class="left">
                                    <input type="password" name="password" />
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">Vui lòng nhập " <strong>Mật khẩu</strong> " .</div>
                                </div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left required">Nhập lại mật khẩu :</span>
                                <div class="left">
                                    <input type="password" name="repassword"/>
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">Vui lòng nhập " <strong>Nhập lại mật khẩu</strong> " .</div>
                                </div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left required">Họ tên:</span>
                                <div class="left">
                                    <input type="text" name="name" />
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">
                                        Vui lòng nhập " <strong>Họ tên</strong> " .
                                    </div>  
                                </div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left required">Điện thoại di động:</span>
                                <div class="left">
                                    <input type="text" name="phone" />
                                    <div class="triangleUp"></div>
                                    <div class="errorMessage">
                                        Không hợp lệ. <br />Chỉ chấp nhận 09xxxxxxxx, 01xxxxxxxxx
                                    </div>  
                                </div>
                            </label>
                        </div>
                        <div>
                            <label class="clearafter">
                                <span class="left">Giới tính:</span>
                                <div class="left">
                                    <select name="gender">
                                        <option value="0">Nam</option>
                                        <option value="1">Nữ</option>
                                    </select>
                                </div>
                            </label>
                        </div>
                        <div class="clearafter">
                            <label class="left">
                                <span class="left">Ngày sinh:</span>
							</label>
                            <div class="left">
                                <input type="text" value="" name="birthday">
                                <div class="triangleUp"></div>
                                <div class="errorMessage">
                                    Ngày tháng năm sinh không hợp lệ
                                </div>  
                            </div>                            
                        </div>
                        <div class="registerSubmit content-center">
                            <button type="submit" class="button orange">Đăng ký</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    <div id="forgot-password">
		<div class="loginPopup">			
			<div class="loginPopup_inner">
				<a href="#" class="close"></a>
	        	<h2 class="content-center">Quên mật khẩu</h2>
	            <div>Vui lòng nhập đúng email đã đăng kí để nhận thông tin hỗ trợ lấy lại mật khẩu từ onsale365</div>	            	            	          
	            <div class="email">
	            	<form method="post" action="">
	            		<div>
	            			<label class="clearafter">
	            				<span class="left required">Email:</span>
	            				<div class="left">
	            					<input type="text" name="email" value="Nhập địa chỉ email" />
			                    	<p class="error"></p>
	            				</div>			                    
		                    </label>
	                    </div>
	                    <a href="#" class="continue button blue">Gửi đi</a>
	                </form>
	            </div>            
	        </div>
	    </div>
	</div>